<head th:fragment="head">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="authorization" content="${accessToken}" th:content="${token}"/>
    <link href="images/logo-left.ico" th:href="@{/images/logo-left.ico}" type="image/x-icon" rel="shortcut icon" />
    <title>城市安全运行物联网管理平台</title>
    <!-- Bootstrap -->
    <style>
        #nprogress { display: none; }
        table tbody tr:hover td {
            background: rgba(38,185,154,.07);
            border-top: 1px solid rgba(38,185,154,.11);
            border-bottom: 1px solid rgba(38,185,154,.11);
        }
        button.btn-lg { padding:6px 12px; font-size: 14px; }
        body.nav-sm .d_width {
            display: none;
        }
        body.nav-sm .x_width {
            display: block;
        }

        body.nav-md .d_width {
            display: block;
        }
        body.nav-md .x_width {
            display: none;
        }
        textarea {
            resize: none;
        }
        body {
            overflow-x: hidden;
        }
    </style>



    <!--<link href="../static/supermap/js/superMap.js" rel="stylesheet"-->
    <!--th:href="@{/supermap/js/superMap.js}"/>-->


    <link href="../static/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"
          th:href="@{/vendors/bootstrap/dist/css/bootstrap.min.css}"/>
    <!-- Font Awesome -->
    <link href="../static/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          th:href="@{/vendors/font-awesome/css/font-awesome.min.css}"/>
    <!-- NProgress-->
    <link href="../static/vendors/nprogress/nprogress.css" rel="stylesheet"
          th:href="@{/vendors/nprogress/nprogress.css}"/>
    <!-- iCheck -->
    <link href="../static/vendors/iCheck/skins/flat/green.css" rel="stylesheet"
          th:href="@{/vendors/iCheck/skins/flat/green.css}"/>

    <!-- bootstrap-progressbar -->
    <link href="../static/vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet"
          th:href="@{/vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css}"/>
    <!-- JQVMap -->
    <link href="../static/vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"
          th:href="@{/vendors/jqvmap/dist/jqvmap.min.css}"/>
    <!-- bootstrap-daterangepicker -->
    <link href="../static/vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"
          th:href="@{/vendors/bootstrap-daterangepicker/daterangepicker.css}"/>

    <!--&lt;!&ndash; Custom Theme Style &ndash;&gt;-->
    <link href="../static/build/css/custom.min.css" rel="stylesheet" th:href="@{/build/css/custom.min.css}"/>
    <link href="../static/css/calendar.css" rel="stylesheet" th:href="@{/css/calendar.css}"/>

    <!--<link href="../static/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />-->
    <!--提示框-->
    <!--<link href="../static/css/sweet-alert.css" rel="stylesheet" th:href="@{/css/sweet-alert.css}"/>-->
    <link rel="stylesheet" href="../static/ztree/css/zTreeStyle.css" type="text/css" th:href="@{/ztree/css/zTreeStyle.css}"/>
    <link rel="stylesheet" href="../static/ztree/css/demo.css" type="text/css" th:href="@{/ztree/css/demo.css}"/>
    <!--    <link rel="stylesheet" href="../static/css/style.css" type="text/css" th:href="@{/css/style.css}"/>-->
    <link rel="stylesheet" href="../static/css/module_css/style.css" type="text/css" th:href="@{/css/module_css/style.css}"/>
    <link rel="stylesheet" href="../static/css/select2/select2.min.css" type="text/css" th:href="@{/css/select2/select2.min.css}"/>
    <link rel="stylesheet" href="../static/css/build.css" type="text/css" th:href="@{/css/build.css}"/>
    <link rel="stylesheet" href="../static/css/bigShow.css" type="text/css" th:href="@{/css/bigShow.css}">
    <style>
        .nav-md .container.body .right_col {
            padding: 0 20px 0px 20px;
        }
        footer { background: #F7F7F7 }
    </style>


    <!--<div class="pull-right">-->
        <!--<a href="http://www.cssmoban.com/" target="_blank" title="模板之家"></a> copyright©2017&nbsp;<img src="../../static/images/liantong2.png" width="14px" height="14px" style="margin-top: -4px"-->
                                                                                                      <!--th:src="@{/images/liantong2.png}">&nbsp;中国联通系统集成分公司 <a href="http://www.cssmoban.com/" title="网页模板" target="_blank"></a>-->
    <!--</div>-->
    <!--<div class="clearfix"></div>-->
    <!-- jQuery -->
    <script src="../static/js/jquery-2.2.1.min.js" th:src="@{/js/jquery-2.2.1.min.js}"></script>
    <!-- file input -->
    <script type="text/javascript" src="../static/js/fileinput/fileinput.js"
            th:src="@{/js/fileinput/fileinput.js}"></script>
    <link rel="stylesheet" href="../static/css/fileinput/fileinput.css" type="text/css"
          th:href="@{/css/fileinput/fileinput.css}"/>
    <!--<script src="../static/vendors/jquery/dist/jquery.min.js" th:src="@{/vendors/jquery/dist/jquery.min.js}"></script>-->
    <link rel="stylesheet" href="../static/ztree/css/zTreeStyle.css"
          th:href="@{/ztree/css/zTreeStyle.css}"/>
    <script src="../static/ztree/js/jquery.ztree.core.js"
            th:src="@{/ztree/js/jquery.ztree.core.js}" type="text/javascript" charset="utf-8"></script>
    <script src="../static/ztree/js/jquery.ztree.excheck.js"
            th:src="@{/ztree/js/jquery.ztree.excheck.js}" type="text/javascript" charset="utf-8"></script>


    <!-- Bootstrap -->
    <script src="../static/vendors/bootstrap/dist/js/bootstrap.min.js"
            th:src="@{/vendors/bootstrap/dist/js/bootstrap.min.js}"></script>

    <!-- 新增验证 -->
    <script src="../static/js/bootstrapValidator.js" th:src="@{/js/bootstrapValidator.js}"></script>
    <!-- FastClick -->
    <script src="../static/vendors/fastclick/lib/fastclick.js" th:src="@{/vendors/fastclick/lib/fastclick.js}"></script>
    <!-- NProgress-->
    <script src="../static/vendors/nprogress/nprogress.js" th:src="@{/vendors/nprogress/nprogress.js}"></script>
    <!-- Chart.js -->
    <script src="../static/vendors/Chart.js/dist/Chart.min.js" th:src="@{/vendors/Chart.js/dist/Chart.min.js}"></script>
    <!-- gauge.js -->
    <script src="../static/vendors/gauge.js/dist/gauge.min.js" th:src="@{/vendors/gauge.js/dist/gauge.min.js}"></script>
    <!-- bootstrap-progressbar -->
    <script src="../static/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"
            th:src="@{/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js}"></script>
    <!-- iCheck -->
    <script src="../static/vendors/iCheck/icheck.min.js" th:src="@{/vendors/iCheck/icheck.min.js}"></script>
    <!-- Skycons -->
    <script src="../static/vendors/skycons/skycons.js" th:src="@{/vendors/skycons/skycons.js}"></script>
    <!-- Flot -->
    <script src="../static/vendors/Flot/jquery.flot.js" th:src="@{/vendors/Flot/jquery.flot.js}"></script>
    <script src="../static/vendors/Flot/jquery.flot.pie.js" th:src="@{/vendors/Flot/jquery.flot.pie.js}"></script>
    <script src="../static/vendors/Flot/jquery.flot.time.js" th:src="@{/vendors/Flot/jquery.flot.time.js}"></script>
    <script src="../static/vendors/Flot/jquery.flot.stack.js" th:src="@{/vendors/Flot/jquery.flot.stack.js}"></script>
    <script src="../static/vendors/Flot/jquery.flot.resize.js" th:src="@{/vendors/Flot/jquery.flot.resize.js}"></script>
    <!-- Flot plugins -->
    <script src="../static/vendors/flot.orderbars/js/jquery.flot.orderBars.js"
            th:src="@{/vendors/flot.orderbars/js/jquery.flot.orderBars.js}"></script>
    <script src="../static/vendors/flot-spline/js/jquery.flot.spline.min.js"
            th:src="@{/vendors/flot-spline/js/jquery.flot.spline.min.js}"></script>
    <script src="../static/vendors/flot.curvedlines/curvedLines.js"
            th:src="@{/vendors/flot.curvedlines/curvedLines.js}"></script>
    <!-- DateJS -->
    <script src="../static/vendors/DateJS/build/date.js" th:src="@{/vendors/DateJS/build/date.js}"></script>
    <!-- JQVMap -->
    <script src="../static/vendors/jqvmap/dist/jquery.vmap.js" th:src="@{/vendors/jqvmap/dist/jquery.vmap.js}"></script>
    <script src="../static/vendors/jqvmap/dist/maps/jquery.vmap.world.js"
            th:src="@{/vendors/jqvmap/dist/maps/jquery.vmap.world.js}"></script>
    <script src="../static/vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"
            th:src="@{/vendors/jqvmap/examples/js/jquery.vmap.sampledata.js}"></script>
    <!-- bootstrap-daterangepicker -->
    <script src="../static/vendors/moment/min/moment.min.js" th:src="@{/vendors/moment/min/moment.min.js}"></script>
    <script src="../static/vendors/bootstrap-daterangepicker/daterangepicker.js"
            th:src="@{/vendors/bootstrap-daterangepicker/daterangepicker.js}"></script>

    <script src="../static/js/jquery.flexslider-min.js" th:src="@{/js/jquery.flexslider-min.js}"></script>

    <script src="../static/js/Echarts/echarts.min.js" th:src="@{/js/Echarts/echarts.min.js}"></script>
    <!--提示框js-->
    <!--<script src="../static/js/sweet-alert.min.js" th:src="@{/js/sweet-alert.min.js}"></script>-->

    <!-- liukai 引入supermap.js-->
    <script src="../static/supermap/libs/SuperMap.Include.js" th:src="@{/supermap/libs/SuperMap.Include.js}"></script>
    <!--<script src="../static/supermap/js/Baidu.js" th:src="@{/supermap/js/Baidu.js}"></script>-->
    <script src="../static/supermap/js/superMap_server.js" th:src="@{/supermap/js/superMap_server.js}"></script>
    <script src="../static/js/simple-calendar.js" th:src="@{/js/simple-calendar.js}"></script>
    <!--单选树-->
    <script type="text/javascript" src="../static/ztree/js/jquery.ztree.core.js" th:src="@{/ztree/js/jquery.ztree.core.js}"></script>
    <script type="text/javascript" src="../static/ztree/js/jquery.ztree.excheck.js" th:src="@{/ztree/js/jquery.ztree.excheck.js}"></script>
    <!--<script src="../static/js/bootstrap-datetimepicker.min.js"></script>-->
    <script type="text/javascript" src="../static/js/prompt.js" th:src="@{/js/prompt.js}"></script>
    <!--select2-->
    <script type="text/javascript" src="../static/js/select2/select2.min.js" th:src="@{/js/select2/select2.min.js}"></script>


    <!--<script src="../static/build/js/my.js"-->
            <!--th:src="@{/build/js/my.js}"></script>-->

    <script type="text/javascript"  th:inline="javascript">
//        $(function(){
//            $("#clock3").MyDigitClock({
//                fontSize:14,
//                fontColor:"#fff",
//                background:"rgba(0,0,0,.0)",
//                fontWeight:"500",
//                timeFormat: '{YY}-{RR} {HH}:{MM}:{SS}'
//            });
//        });
    </script>

    <!-- Custom Theme Scripts -->
    <!--<script src="../static/build/js/custom.min.js" th:src="@{/build/js/custom.min.js}"></script>-->
    <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        $(function () {
            //当前登陆人姓名显示
            var ss = sessionStorage.getItem("userName");
            $("#userName").text(ss);
            document.cookie = "userName=sessionStorage.getItem(\"userName\");"
            $("#letree1").load(/*[[@{header}]]*/"../letree.html", function (res) {
                $("#left_menus").find("li").each(function () {
                    $(this).click(function () {
                        $("#left_menus").find("li").each(function () {
                            $(this).removeClass("current-page");
                        });
                        var menu_url = $(this).attr("menu_url");
                        $(this).addClass("current-page");
                        $(".right_col").load(/*[[@{header}]]*/menu_url, function (res) {
                            return true;
                        });
                    });
                });
                return true;
            });
            $(".top_nav").load(/*[[@{../header}]]*/"../header.html", function (res) {
                return true;
            });
            $("#basicdata_letree").load(/*[[@{header}]]*/"../basicdata_letree.html", function (res) {
                return true;
            });
            $("#monitor_letree").load(/*[[@{header}]]*/"../monitor_letree.html", function (res) {
                return true;
            });
            $("#teamworking_letree").load(/*[[@{header}]]*/"../teamworking_letree.html", function (res) {
                return true;
            });
            $("#supervision_letree").load(/*[[@{header}]]*/"../supervision_letree.html", function (res) {
                return true;
            });
            $("#acquisition_letree").load(/*[[@{header}]]*/"../acquisition_letree.html", function (res) {
                return true;
            });

        })
        $.extend({
            goTo: function (url, data) {
                $(".right_col").load(url, data, function (res) {
                    return true;
                });
            }
        })

        /*]]>*/
    </script>
    <!--Custom Theme Scripts -->
    <!--<script src="../static/build/js/custom.min.js" th:src="@{/build/js/custom.min.js}"> </script>-->
</head>

